<template>
	<view>
		<uni-nav-bar left-icon="arrowthinleft" title="简历详情" :border="false" :fixed="true" bg="bg-fff" color="#333"
			@clickLeft="goBack()"></uni-nav-bar>
		<view class="padding-x-24 padding-y-30 bg-fff flex align-center solid-bottom">
			<image style="width: 100rpx;height: 100rpx;border-radius: 100%;" :src="info.avatar"></image>
			<view class="margin-left-20">
				<view class="flex align-center">
					<view class="fs-28 color-000 margin-right-20">{{info.name}}</view>
					<image style="width: 26rpx;height: 26rpx;" :src="info.sex == '男' ?'../../static/img/nan.png':'../../static/img/nv.png'"></image>
				</view>
				<view class="fs-24 color-333 margin-top-10">{{info.birth}}年·{{info.education}}</view>
			</view>
		</view>
		
		<view class="padding-x-24 padding-y-36">
			<view class="fs-30 color-000">求职意向</view>
			<view class="flex align-center margin-top-16">
				<image src="../../static/img/jl_icon1.png" style="width: 34rpx;height: 34rpx;"></image>
				<text class="fs-26 color-666 margin-left-16">{{info.title}}</text>
			</view>
			<!-- <view class="flex align-center margin-top-16">
				<image src="../../static/img/jl_icon2.png" style="width: 34rpx;height: 34rpx;"></image>
				<text class="fs-26 color-666 margin-left-16">{{info.title}}</text>
			</view> -->
			<view class="flex align-center margin-top-16">
				<image src="../../static/img/jl_icon3.png" style="width: 34rpx;height: 34rpx;"></image>
				<text class="fs-26 color-fuse margin-left-16">{{info.income}}</text>
			</view>
			<!-- <view class="flex align-center margin-top-16">
				<image src="../../static/img/jl_icon4.png" style="width: 30rpx;height: 30rpx;"></image>
				<text class="fs-26 color-666 margin-left-16">全职</text>
			</view> -->
		</view>
		<view class="bg-f7f7f7 w100" style="height: 10rpx;"></view>
		<view class="padding-24">
			<view class="fs-30 color-000">职业优势</view>
			<view class="flex align-center flex-wrap margin-top-30">
				<view class="fs-28 color-666">{{info.goodness}}</view>
				<!-- <view class="fs-20 color-fuse radius10 margin-right-30 margin-bottom-20" style="padding:12rpx 40rpx;border: 1rpx solid #FF932E;">有电视</view> -->
				<!-- <view class="fs-20 color-fuse radius10  margin-right-30 margin-bottom-20"  style="padding:12rpx 40rpx;border: 1rpx solid #FF932E;">有电视</view> -->
			</view>
		</view>
	<!-- 	<view class="bg-f7f7f7 w100" style="height: 10rpx;"></view>
		<view class="padding-24">
			<view class="fs-30 color-000">我的亮点</view>
			<view class="fs-26 color-666 margin-top-20">
				{{info.work_experience}}
			</view>
		</view> -->
		<view class="bg-f7f7f7 w100" style="height: 10rpx;"></view>
		<view class="padding-24">
			<view class="fs-30 color-000">工作经验</view>
			<view class="fs-26 color-666 margin-top-20">
				{{info.work_experience}}
			</view>
		</view>
		<view class="fixed w100 padding-y-24 flex align-center justify-center bg-fff padding-right-24"
			style="bottom: 0;box-shadow: 0 0 20rpx #eee;">
			<view @click="toCall()" class="fs-28 color-fff callBtn  text-center">电话联系</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				recurit_apply_id:'',
				info:{}
			}
		},
		onLoad(opt) {
			this.recurit_apply_id = opt.id
			this.getInfo()
		},
		methods:{
			getInfo(){
				this.$api.resume_detail({recurit_apply_id:this.recurit_apply_id}).then(res=>{
					if(res.code == 1){
						this.info = res.data
					}
				})
			},
			
			toCall(){
				uni.makePhoneCall({
				    phoneNumber: this.info.mobile
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	.callBtn {
		width: 500rpx;
		height: 84rpx;
		line-height: 84rpx;
		border-radius: 10rpx;
		background: linear-gradient(to bottom, #FDA730, #FE810A);
	}
</style>
